/***********************************************************
	PJ: 			Shift admin
	PATH:			/assets/styles/shared.css
	DESCRIPTION:	shared css
************************************************************/

/* ダッシュボード header
---------------------------------------------------------------------*/

header#dashboard_header {
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	text-align:center;
	font-style:normal;
	color:#ddd;
	font-size:7pt;
	text-align:center;
	height:38px;
	background:url(../images/common/header/header_mask.png) 0 0 repeat-x;
	background-color:#000;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

header#dashboard_header h1 {
	width:248px;
	height:31px;
	margin:4px 0 0 32px;
	float:left;
}

header#dashboard_header h1 a {
	display:block;
	height:31px;
	background:url(../images/common/header/logo_white.png) 0 0 no-repeat;
	text-indent:-10000px;
}

header#dashboard_header h1.black a {
	background:url(../images/common/header/logo_black.png) 0 0 no-repeat;
}

header#dashboard_header h1.white a {
	background:url(../images/common/header/logo_white.png) 0 0 no-repeat;
}

header#dashboard_header ul {
	float:right;
	list-syle:none;
}

header#dashboard_header ul li {
	float:left;
	height:36px;
	line-height:36px;
	color:#fff;
	background:url(../images/common/header/header_border.png) 0 0 repeat-y;
}

header#dashboard_header ul li > a {
	display:block;
	padding:0 10px;
	height:36px;
	line-height:36px;
	color:#fff;
	text-shadow:0 1px 0 #000;
	font-weight:bold;
}

header#dashboard_header ul li#rt_site > a ,
header#dashboard_header ul li#rt_admin a {
	position:relative;
	padding-left:42px;
}

header#dashboard_header ul li#rt_site {
	position:relative;
	padding-right:70px;
}

header#dashboard_header ul li#rt_site > span {
	position:absolute;
	top:0px;
	right:5px;
}

header#dashboard_header ul li#rt_site > span a {
	height:22px;
	line-height:22px;
	font-size: 10px;
	font-style: normal;
	text-align:center;
	background-color:#666;
	color:#eee !important;
	padding:2px 4px;
	border:1px solid #000;
	border-radius:6px;
	text-shadow:0 -1px 0 #000 !important;
	box-shadow:0 1px 0 rgba(255,255,255,0.2) , 0 -1px 0 rgba(255,255,255,0.2) inset;
}

header#dashboard_header ul li#rt_site > span a:hover {
	text-decoration:none !important;
	color:#fff !important;
}

header#dashboard_header ul li#rt_site img ,
header#dashboard_header ul li#rt_admin img {
	width:30px;
	height:30px;
	position:absolute;
	top:4px;
	left:8px;
}
	
header#dashboard_header ul li#rt_dashboard a {
	padding-left:30px;
	background:url(../images/common/header/dashboard_icon_mini_white.png) 7px center no-repeat;
}
	
header#dashboard_header ul li#rt_logout {
	border-left:1px solid #800202;
}

header#dashboard_header ul li#rt_logout input {
	border:0;
	border-left:1px solid #BB3030;
	border-bottom:1px solid #620000;
	box-shadow:0 -1px 0 #BB3030 inset;
	height:38px;
	padding:0 10px 0 30px;
	background:url(../images/common/header/logout_icon_mini.gif) 4px center no-repeat;
	color:#fff;
	text-shadow:0 1px 0 #000;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
}

header#dashboard_header ul li#rt_logout form {
	height:37px;
	background:-moz-linear-gradient(top,#C80000,#8D0000);
	background:-webkit-gradient(linear,left top,left bottom,from(#C80000),to(#8D0000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C80000', endColorstr='#8D0000');
	-ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C80000', endColorstr='#8D0000')";
}

header#dashboard_header ul li#rt_logout input:hover {
	text-decoration:underline;
}

/* メインコンテナ hx
---------------------------------------------------------------------*/

#container h1 {
	background:					url(../images/bullets/square_blue.gif) 0 11px no-repeat;
	font-size:					17pt;
	font-weight:				normal;
	border-bottom:				1px solid #DDD;
	margin:						20px 0 30px;
	padding-left:				35px;
	line-height:				200%;
}

#container h2 span {
	float:left;
	display:block;
	width:20px;
	height:21px;
	margin:0 10px 0 0;
	text-indent:-5000px;
	background:url(../images/common/h2point.png) 0 0 no-repeat;
}

#container #content > h3 {
	border-radius:4px 4px 0 0;
	box-shadow:0 1px 1px rgba(0,0,0,0.1) , 0 0 1px rgba(0,0,0,0.5) inset , 0 -2px 0 rgba(255,255,255,0.3) inset;
	position:absolute;
	z-index3;
	padding:10px 0 10px 1px;
	text-indent:10px;
	font-weight:normal;
	left:0;
	top:0;
	width:100%;	
}

#container #content h4 {
	width:100%;
	padding:10px 21px 10px 20px;
	margin-bottom:10px;
	position:relative;
	left:-20px;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	box-shadow:0 -1px 0 #fff inset , 0 1px 1px rgba(0,0,0,0.15);
}

#container h4 span {
	float:left;
	display:block;
	width:16px;
	height:17px;
	margin:2px 10px 0 0;
	text-indent:-5000px;
	background:url(../images/common/h4point.png) 0 center no-repeat;
}

/* サイドメニュー
---------------------------------------------------------------------*/

#container aside#accordion {
	position:fixed;
	left:-254px;
	top:80px;
	z-index:20;
	box-shadow:0 0 10px rgba(0,0,0,0.4)
}

#container aside#accordion p {
	position:absolute;
	left:222px;
	top:0;
	width:32px;
	height:35px;
}

*:first-child+html #container aside#accordion p {
	left:212px;
}

#container aside#accordion p a {
	display:block;
	width:16px;
	height:50px;
	border-radius:0 4px 4px 0;
	color:#fff;
	background:url(../images/common/sidemenu/aside_ctrl.png) 4px 0 no-repeat;
	box-shadow:1px 0 0 rgba(0,0,0,0.4) inset;
	text-indent:-10000px;
}

#container aside#accordion p a:hover {
}

#container aside#accordion p.active a {
	background-position:3px -50px;
}

#container aside#accordion div {
	width:222px;
	background-color:#000;
	border-radius:0 0 4px 0;
}

#container aside#accordion div ul ,
#container aside#accordion div ol {
	text-align:left;
	list-style:none;
}

#container aside#accordion div ol {
	display:none;	
	overflow:hidden;
	width:230px;
}

#container aside#accordion div ol.open {
	display:block;
}

#container aside#accordion div ul {
}

#container aside#accordion div ul:first-child {
	border-top:0;
}

#container aside#accordion div ul:last-child {
	border-bottom:0;
}

#container aside#accordion div ul > li {
	font-size:13px;
	height:34px;
	line-height:34px;
	background:url(../images/common/sidemenu/aside_border.png) left bottom repeat-x;
}

#container aside#accordion div ul > li a {
	background:url(../images/common/sidemenu/accordion.png) right -1px no-repeat;
}


#container aside#accordion div ul.active > li a {
	background-position:right -37px;
}


#container aside#accordion div ul ol li {
	font-size:12px;
	position:relative;
	width:222px;
}

#container aside#accordion div ul a {
	color:#fff;
	display:block;
}

#container aside#accordion div ul ol a {
	border-top:1px solid #aaa;
	border-bottom:1px solid #eee;
	background:url(../images/common/sidemenu/inner_menu_arrow.png) 20px center no-repeat #e0e0e0;
	padding:1px 0;
	color:#222;
}

#container aside#accordion div ul a span ,
#container aside#accordion div ul ol a {
	padding-left:42px;
}

#container aside#accordion div ul ol a:hover {
	background-color:#d6d6d6;
	background-position:24px center;
}

/* 右上のボタンから開くメニュー
--------------------------------------------------------*/

#plugin_in_nav {
	padding:20px 30px;
}

#plugin_in_nav:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#plugin_in_nav > ul {
	float:left;
	width:130px;
	height:155px;
	margin:5px;
	list-style:none;
	background-color:#fff;
	text-align:left;
	border-radius:4px;
	border:1px solid #e5e5e5;
	box-shadow:0 1px 0 #fff inset , 0 -1px 0 #fff inset , 0 1px 1px rgba(0,0,0,0.1);
}

#plugin_in_nav > ul > li {
	padding:3px 0 3px;
	border-radius:4px 4px 0 0;
	border-bottom:1px solid #ddd;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#plugin_in_nav > ul > li span {
	padding-left:28px;
	color:#000 !important;
	text-shadow:0 1px 0 #fff !important;
}

#plugin_in_nav > ul ol {
	list-style:none;
}

#plugin_in_nav > ul ol li a {
	padding:0 0 0 6px;
	display:block;
	font-size:11px;
	border-bottom:1px dotted #e5e5e5;
}

/* メニューのアイコン
---------------------------------------------------------------------*/

.icon_banner_m li span {background:url(../images/icons/sidemenu/banner.png) 4px center no-repeat;}
.icon_calendar_m li span {background:url(../images/icons/sidemenu/calendar.png) 4px center no-repeat;}
.icon_case_m li span {background:url(../images/icons/sidemenu/casestudy.png) 4px center no-repeat;}
.icon_category_m li span {background:url(../images/icons/sidemenu/category.png) 4px center no-repeat;}
.icon_contact_m li span {background:url(../images/icons/sidemenu/contact.png) 4px center no-repeat;}
.icon_corporate_m li span {background:url(../images/icons/sidemenu/corporate.png) 4px center no-repeat;}
.icon_document_m li span {background:url(../images/icons/sidemenu/document.png) 4px center no-repeat;}
.icon_faq_m li span {background:url(../images/icons/sidemenu/faq.png) 4px center no-repeat;}
.icon_flier_m li span {background:url(../images/icons/sidemenu/flier.png) 4px center no-repeat;}
.icon_form_m li span {background:url(../images/icons/sidemenu/form.png) 4px center no-repeat;}
.icon_light_m li span {background:url(../images/icons/sidemenu/light.png) 4px center no-repeat;}
.icon_news_m li span {background:url(../images/icons/sidemenu/news.png) 4px center no-repeat;}
.icon_page_m li span {background:url(../images/icons/sidemenu/page.png) 4px center no-repeat;}
.icon_product_m li span {background:url(../images/icons/sidemenu/item.png) 4px center no-repeat;}
.icon_site_m li span {background:url(../images/icons/sidemenu/site.png) 4px center no-repeat;}
.icon_feature_m li span {background:url(../images/icons/sidemenu/feature.png) 4px center no-repeat;}
.icon_staff_m li span {background:url(../images/icons/sidemenu/staff.png) 4px center no-repeat;}
.icon_result_m li span {background:url(../images/icons/sidemenu/result.png) 4px center no-repeat;}
.icon_seminar_m li span {background:url(../images/icons/sidemenu/seminar.png) 4px center no-repeat;}
.icon_recruit_m li span {background:url(../images/icons/sidemenu/recruit.png) 4px center no-repeat;}
.icon_service_m li span {background:url(../images/icons/sidemenu/service.png) 4px center no-repeat;}
.icon_lpo_m li span {background:url(../images/icons/sidemenu/lpo.png) 4px center no-repeat;}
.icon_event_m li span {background:url(../images/icons/sidemenu/event.png) 4px center no-repeat;}
.icon_change_m li span {background:url(../images/icons/sidemenu/changeimage.png) 4px center no-repeat;}
.icon_information_m li span {background:url(../images/icons/sidemenu/information.png) 4px center no-repeat;}
.icon_photo_m li span {background:url(../images/icons/sidemenu/photolibrary.png) 4px center no-repeat;}
.icon_user_m li span {background:url(../images/icons/sidemenu/user.png) 4px center no-repeat;}
.icon_mail_m li span {background:url(../images/icons/sidemenu/mail.png) 4px center no-repeat;}
.icon_word_m li span {background:url(../images/icons/sidemenu/word.png) 4px center no-repeat;}
.icon_ip_m li span {background:url(../images/icons/sidemenu/ip.png) 4px center no-repeat;}
.icon_order_m li span {background:url(../images/icons/sidemenu/order.png) 4px center no-repeat;}
.icon_stock_m li span {background:url(../images/icons/sidemenu/stock.png) 4px center no-repeat;}
.icon_review_m li span {background:url(../images/icons/sidemenu/review.png) 4px center no-repeat;}
.icon_system_m li span {background:url(../images/icons/sidemenu/system.png) 4px center no-repeat;}
.icon_log_m li span {background:url(../images/icons/sidemenu/log.png) 4px center no-repeat;}
.icon_seo_m li span {background:url(../images/icons/sidemenu/seo.png) 4px center no-repeat;}
.icon_estate_m li span {background:url(../images/icons/sidemenu/estate.png) 4px center no-repeat;}
.icon_estate2_m li span {background:url(../images/icons/sidemenu/estate2.png) 4px center no-repeat;}
.icon_ad_m li span {background:url(../images/icons/sidemenu/ad.png) 4px center no-repeat;}
.icon_analysis_m li span {background:url(../images/icons/sidemenu/analysis.png) 4px center no-repeat;}
.icon_vote_m li span {background:url(../images/icons/sidemenu/vote.png) 4px center no-repeat;}
.icon_sns_m li span {background:url(../images/icons/sidemenu/sns.png) 4px center no-repeat;}
.icon_product_m li span {background:url(../images/icons/sidemenu/product.png) 4px center no-repeat;}
.icon_filemanager_m li span {background:url(../images/icons/sidemenu/file.png) 4px center no-repeat;}
.icon_total_m li span {background:url(../images/icons/sidemenu/profit.png) 4px center no-repeat;}
.icon_item_m li span {background:url(../images/icons/sidemenu/item.png) 4px center no-repeat;}
.icon_link_m li span {background:url(../images/icons/sidemenu/link.png) 4px center no-repeat;}
.icon_enquete_m li span {background:url(../images/icons/sidemenu/enquete.png) 4px center no-repeat;}
.icon_backup_m li span {background:url(../images/icons/sidemenu/backup.png) 4px center no-repeat;}
.icon_blog_m li span {background:url(../images/icons/sidemenu/blog.png) 4px center no-repeat;}
.icon_station_m li span {background:url(../images/icons/sidemenu/station.png) 4px center no-repeat;}
.icon_report_m li span {background:url(../images/icons/sidemenu/report.png) 4px center no-repeat;}
.icon_ir_m li span {background:url(../images/icons/sidemenu/ir.png) 4px center no-repeat;}
.icon_visit_m li span {background:url(../images/icons/sidemenu/visit.png) 4px center no-repeat;}
.icon_timecard_m li span {background:url(../images/icons/sidemenu/timecard.png) 4px center no-repeat;}

/* メインエリア
---------------------------------------------------------------------*/

#container > article {
	position:relative;
	min-width:950px;
	padding:0 0 38px;
}

#container > article:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#container > article h2 p {
	position:absolute;
	right:30px;
	top:27px;
	width:108px;
	height:31px;
}

#container > article h2 p a {
	display:block;
	padding-left:24px;
	height:31px;
	line-height:33px;
	text-decoration:none;
	color:#151515;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
	background:url(../images/common/right_top_menu.gif) 0 0 no-repeat;
}

#container > article h2 p.top a {
	background:url(../images/common/right_top_menu_top.gif) 0 0 no-repeat;
}

#container > article h2 p a:hover {
	text-decoration:underline;
}

#container > article h2 p a.active {
	text-decoration:none;
	background-position:0 -31px;
	padding-left:40px;
}


/* 編集画面 - ナビゲーション
---------------------------------------------------------------------*/

#container > article nav {
	height:42px;
	margin:0 0 36px 0;
	border-top:1px solid #ccc;
	padding:0 0 0 30px;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 0 #fff , 0 1px 0 #fff inset;
	background: rgb(247,247,247); /* Old browsers */
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 36%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,rgba(247,247,247,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 36%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 36%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 36%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 36%,rgba(237,237,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#container > article nav.top_nav {
	height:2px;
	margin:0;
	overflow:hidden;
	border-bottom:0;
	box-shadow:0 1px 0 #fff inset;
}

#container > article nav.top_nav > ul {
	display:none;
}

#container > article nav.top_nav.plugin_open {
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 0 #fff , 0 1px 0 #fff inset;	
}

#container > article nav.plugin_open {
	padding:0;	
}

#container > article nav.plugin_open > ul {
	border-top:1px solid #ccc;
	padding:0 0 0 30px;
}

#container > article nav > ul {
	list-style:none;
	border-left:1px solid #F0F0F0;
	clear:both;
}

#container > article nav > ul li {
	float:left;
	height:42px;
	line-height:42px;
	position:relative;
	border-right:1px solid #ddd;
}

#container > article nav > ul li a span {
	display:block;
	padding:0 20px;
	border-right:1px solid #fff;
}

#container > article nav > ul li:first-child {
	border-left:1px solid #fff;
}

#container > article nav > ul li:first-child span {
	border-left:1px solid #ddd;
}

#container > article nav > ul li:first-child {
}

#container > article nav > ul li a {
	display:block;
	color:#000;
}

#container > article nav > ul li.active a {
	color:#fff;
	box-shadow:0 0 9px rgba(0,0,0,0.3) inset;
}

/* 編集画面 - メインエリア
---------------------------------------------------------------------*/

#container #content {
	margin:20px 30px 40px;
	padding:40px 20px 10px;
	line-height:1.6;
	font-size:11px;
	background-color:#fff;
	border-right:1px solid #FBFBFB;
	border-bottom:1px solid #FBFBFB;
	box-shadow:0 2px 3px #ccc;
	border-radius:4px;
	position:relative;
}

#container #content.form {
}

#container #content:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* 検索フォーム
----------------------------------------------------------*/

#search_form {
	background-color:#f9f9f9;
	box-shadow:0 0 2px #fff inset;
	position:relative;
	border:1px solid #e9e9e9;
	border-radius:2px;
	padding:5px 5px 10px 80px;
	margin:10px 0;
}

#search_form:after ,
#search_form dl:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#search_form dl {
	float:left;
	height:30px;
}

#search_form dl dt ,
#search_form dl dd {
	float:left;
}

#search_form dl dt {
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(119,119,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(153,153,153,1) 0%,rgba(119,119,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
	border:1px solid #777;
	box-shadow:0 1px 0 #fff;
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
	border-radius:3px;
	padding:2px 3px 0;
	margin:8px 3px 0 0;
}

#search_form dl dd {
	padding:5px 6px 0;
	font-size:13px;
	line-height:30px;
	text-align:left;
}

#search_form dl dd select {
	width:100%;
}

#search_form dl dd label {
	margin-right:4px;
}

#search_form .category dd {
	padding:0 5px;
	margin:5px 6px 0 0;
}

#search_form .category dd .btn_blank {
	margin-top:2px;
}

#search_form .category dd ul {
	margin-left:5px;
}

#search_form .category dd li {
	font-size:11px;
	float:left;
	padding:0 0 0 4px;
	margin:0 5px 0 0;
}

#search_form .category dd li .delete_category {
	margin:6px 3px 0 0;
}

#search_form .search_submit {
	position:absolute;
	left:7px;
	top:7px;
}

#search_form .search_submit button {
	border:0;
	background:url(../images/btn/search_btn.png) 0 0 no-repeat;
	border-radius:4px;
	width:64px;
	height:34px;
	padding:0 0 0 10px;
	color:#000;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,"ＭＳ Ｐゴシック",'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka
}

#search_form .search_submit button:hover {
	background-position:0 -34px;
}

#search_form .search_submit button:active {
	background-position:0 -68px;
	padding-top:4px;
}

#search_form  input.short {
	width:70px;
}

/* グラフ用データテーブル
---------------------------------------------------------------------*/

.dataTable {
	height:1px !important;
	overflow:hidden !important;
}

/* 検索結果へ戻る
---------------------------------------------------------------------*/

#back_to_result {
	width:16px;
	height:79px;
	position:fixed;
	left:-16px;
	top:140px;
	z-index:3;
}

#back_to_result a {
	width:16px;
	height:79px;
	display:block;
	text-indent:-10000px;
	background:url(../images/btn/back_to_result.gif) 0 0 no-repeat;
}

#back_to_result a:hover {
	background-position:0 -79px;
}


/* ページの先頭へ
---------------------------------------------------------------------*/

#totop {
	position:fixed;
	z-index:9;
	right:10px;
	bottom:36px;
	width:58px;
	height:58px;
	display:none;
}

#totop a {
	display:block;
	height:58px;	
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	text-indent:-10000px;
	background:url(../images/common/totop.png) 0 0 no-repeat;
}

#totop a:hover {
	background-position:0 -58px;
}

/* 汎用クラス
---------------------------------------------------------------------*/

.border-top 	 {	background:url(../images/common/border_horizontal.gif) 0 top repeat-x;}
.border-bottom	 {	background:url(../images/common/border_horizontal.gif) 0 bottom repeat-x;}
.border-left	 {	background:url(../images/common/border_vertical.gif) left 0 repeat-y;}
.border-right	 {	background:url(../images/common/border_vertical.gif) right 0 repeat-y;}

.float-left {float:left;}
.float-right {float:right;}

.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}

.display-none {display:none;}

.z2 {position:relative;z-index:2;}

.b10 {margin-bottom:10px;}
.b20 {margin-bottom:20px;}

.r10 {margin-right:10px;}
.l10 {margin-left:10px;}

.th_span {
	display:none;
	font-weight:normal;
	font-size:10px;
	line-height:1.4;
}

p.message ,
p.caution {
	text-align:left;
	width:100%;
	padding:10px 0;
	margin:10px 0;
	text-indent:40px;
	font-size:13px;
	clear:both;
	border-radius:4px;
}

p.message {
	background: #FDFCD4 url(../images/icons/msg-info.gif) 12px center no-repeat;
	border:1px solid #F8EC99;
}
p.caution {
	background: #fde8e8 url(../images/icons/msg-info.gif) 12px center no-repeat;
	border:1px solid #ffbbbb;
}

p.error {
	clear:both;
	text-align:left;
	padding:5px 40px;
	margin:5px 0 0;
	border-radius:2px;
	display: none; 
	background: #fff3f3 url(../images/icons/msg-error.gif) 12px center no-repeat;
	border:1px solid #ffc6c6;
}

.clear {clear: both;/*height: 0;line-height: 0;*/}

/* 右上に表示するメッセージ */
#righttopmsg {
	padding:10px 10px 10px 38px;
	background:url(../images/icons/msg_info.png) 6px center no-repeat #000;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	color:#fff;
	line-height:1.6;
	border-radius:6px;
	position:fixed;
	z-index:5;
	right:10px;
	top:50px;
	display:none;
}

#righttopmsg.error {
	background:url(../images/icons/msg_warning.png) 6px center no-repeat #e73737;
}

/* パスワードの安全性 */

.testresult {
	margin:0 0 0 4px;
	padding:1px 4px;
	border-radius:4px;
	position:relative;
	top:2px;
}

.shortPass 	,
.badPass 	{background-color:#EDABAB;color:#000;}
.goodPass 	{background-color:#EDE3AB;color:#000;}
.strongPass {background-color:#D3EDAB;color:#000;}


/* 汎用クラス - ボタン
---------------------------------------------------------------------*/

@font-face {
  font-family: 'icons';
  src: url("../font/fontello.eot");
  src: url("../font/fontello.eot?#iefix") format('embedded-opentype'),
	   url("../font/fontello.woff") format('woff'),
	   url("../font/fontello.ttf") format('truetype'),
	   url("../font/fontello.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}

.a:before { content: '\61'; } /* 'a' home */
.b:before { content: '\62'; } /* 'b' close */
.c2:before { content: '\63'; } /* 'c' icon */
.d:before { content: '\64'; } /* 'd' list */
.e:before { content: '\65'; } /* 'e' tick */
.f:before { content: '\66'; } /* 'f' order */
.g:before { content: '\67'; } /* 'g' down */
.h:before { content: '\68'; } /* 'h' up */
.i:before { content: '\69'; } /* 'i' right */
.j:before { content: '\6A'; } /* 'j' left */
.k:before { content: '\6B'; } /* 'k' tick */
.l:before { content: '\6C'; } /* 'l' list */
.m:before { content: '\6D'; } /* 'm' barchart */
.n:before { content: '\6E'; } /* 'n' piechart */
.o:before { content: '\6F'; } /* 'o' linechart */
.p:before { content: '\70'; } /* 'p' edit */
.q:before { content: '\71'; } /* 'q' download */
.r:before { content: '\72'; } /* 'r' alphabet */
.s:before { content: '\73'; } /* 's' new window */
.t:before { content: '\74'; } /* 't' download(not used) */
.u:before { content: '\75'; } /* 'u' page */

.t_btns {
	position:absolute;
	right:5px;
	top:6px;
}

.t_btns li {
	float:left;
	height:32px;
}

.t_btns li button {
	border:0;
	font-size:12px;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,"ＭＳ Ｐゴシック",'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka;
	line-height:24px;
	background-color:#fff;
	padding:2px 10px 2px 5px;
	color:#000;
	text-shadow:0 1px 0 #fff;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	box-shadow:1px 0 0 #fff inset , 0 -1px 0 #fff inset , 0 1px 1px rgba(0,0,0,0.1);
}

.t_btns li.single button {border-radius:3px;}
.t_btns li.left button {border-radius:3px 0 0 3px;}
.t_btns li.right button {border-radius:0 3px 3px 0;border-left:1px solid rgba(0,0,0,0.1);}
.t_btns li.center button {border-left:1px solid rgba(0,0,0,0.1);}

.t_btns li button em {
	padding:1px 8px;
}

.t_btns li button:hover {
	text-decoration:underline;
}

.t_btns li button:hover em {
	text-decoration:none;
}


.t_btns li.add em {background:url(../images/icons/add16.png) 0 center no-repeat}
.t_btns li.back em {background:url(../images/icons/back16.png) 0 center no-repeat}
.t_btns li.copy em {background:url(../images/icons/copy16.png) 0 center no-repeat}
.t_btns li.delete em {background:url(../images/icons/delete16.png) 0 center no-repeat}
.t_btns li.delete button {color:#A90000;}
.t_btns li.refresh em {background:url(../images/icons/refresh16.png) 0 center no-repeat}
.t_btns li.search em {background:url(../images/icons/search16.png) 0 center no-repeat}
.t_btns li.tick em {background:url(../images/icons/tick16.png) 0 center no-repeat}

p.button {
	overflow:hidden;
	margin:20px 0 0;
	padding:8px 20px;
	border-radius:0 0 4px 4px;
	border-top:1px solid #e7e7e7;
	background-color:#F4F4F4;
	text-align:center;
	position:relative;
	left:-20px;
	bottom:-11px;
	width:100%;
}

p.button button {
	width:182px;
	height:41px;
	border:0;
	padding-top:3px;
	margin:0 5px;
	font-size:16px;
	text-shadow:0 1px 0 #fff;
	cursor:pointer;
	font-family:'メイリオ',Meiryo,sans-serif,Verdana,"ＭＳ Ｐゴシック",'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka
}

/*編集画面のボタン各種*/
p.button button.btn_null {	background:url(../images/btn/btn_null.gif) 0 0 no-repeat;}
p.button button.btn_back {	background:url(../images/btn/btn_back.gif) 0 0 no-repeat;}
p.button button.btn_next {	background:url(../images/btn/btn_next.gif) 0 0 no-repeat;}
p.button button#btn_search {	background:url(../images/btn/btn_search.gif) 0 0 no-repeat;}
p.button button#btn_new ,
p.button button#btn_regist {	background:url(../images/btn/btn_add.gif) 0 0 no-repeat;}
p.button button#btn_update {	background:url(../images/btn/btn_update.gif) 0 0 no-repeat;}
p.button button#btn_delete {	background:url(../images/btn/btn_delete.gif) no-repeat;color:#A90000;}
p.button button#btn_copy {
	text-align:left;
	padding-left:30px;
	background:url(../images/btn/btn_copy.gif) 0 0 no-repeat;
}

p.button button:hover {background-position:0 -41px !important;}
p.button button:active {background-position:0 -82px !important;}

.btnDel {
	font-weight:normal;
	width:30px;
	height:16px;
	display:block;
	margin:2px;
	padding: 0 0 0 18px;
	cursor:pointer;
	line-height:17px;
	text-shadow:0 1px 0 #fff;
	color:#222;
	font-size:11px;
	background:url(../images/btn/delete_mini_text.gif) 0 0 no-repeat;
}

.btnDel:hover {
	color:#222;
	text-decoration:none;
	background-position:0 -16px;
}

.btnDel:active {
	text-decoration:none;
	background-position:0 -32px;
}

/* アイコン付ボタン */
.btn ,
.btn_dl {
	width:100px;
	height:30px;
	text-align:left;
	position:relative;
	z-index:2;
}

.btn_m {
	width:54px;
	height:30px;
	text-align:left;
	position:relative;
	z-index:2;
}

.btn_dl {
	width:150px;
}

.btn.c ,
.btn_m.c {
	text-align:center;
}

.btn a ,
.btn_m a ,
.btn_dl a {
	display:block;
	height:30px;
	line-height:32px;
	color:#333;
	text-decoration:none;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
}

.btn_dl a {
	color:#fff;
	font-weight:bold;
	padding:0 0 0 30px;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
}

.btn_dl a:hover ,
.btn_dl a.active ,
.btn_dl a:active {
	text-decoration:none;
	color:#fff;
}

.btn a:hover ,
.btn a.active ,
.btn a:active ,
.btn_m a:hover ,
.btn_m a.active ,
.btn_m a:active {
	text-decoration:none;
	color:#000;
}

.btn a em ,
.btn_m a em {
	padding:0 12px 0 3px;
	margin:0 0 0 4px;
	width:16px;
	height:16px;
}

.btn_dl a {background:url(../images/btn/btn_dl.gif) 0 0 no-repeat;}
.btn.single a {background:url(../images/btn/btn_single.gif) 0 0 no-repeat;}
.btn.left a {background:url(../images/btn/btn_left.gif) 0 0 no-repeat;}
.btn.center a {background:url(../images/btn/btn_center.gif) 0 0 no-repeat;}
.btn.right a {background:url(../images/btn/btn_right.gif) 0 0 no-repeat;}

.btn_m.left a {background:url(../images/btn/btn_left_mini.gif) 0 0 no-repeat;}
.btn_m.center a {background:url(../images/btn/btn_center_mini.gif) 0 0 no-repeat;}
.btn_m.right a {background:url(../images/btn/btn_right_mini.gif) 0 0 no-repeat;}

.btn_dl a:hover ,
.btn a:hover ,
.btn_m a:hover {background-position:0 -30px;}

.btn_dl a:active ,
.btn a.active ,
.btn a:active 
.btn_m a.active ,
.btn_m a:active {background-position:0 -60px;}

.btn a em.download {background:url(../images/icons/download.png) 0 0 no-repeat;}
.btn a em.list {background:url(../images/icons/list.png) 0 0 no-repeat;}
.btn a em.line {background:url(../images/icons/line.png) 0 0 no-repeat;}
.btn a em.bar {background:url(../images/icons/bar.png) 0 0 no-repeat;}
.btn a em.pie {background:url(../images/icons/pie.png) 0 0 no-repeat;}
.btn a em.thumbs {background:url(../images/icons/thumbs.png) 0 0 no-repeat;}

.btns {
	list-style:none;
}

.btns:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.btns li {
	float:left;
}

/* 編集完了画面下のボタン */
.result_btn {
   position:relative;
   left:50%;
   float:left;
}

.result_btn li {
	width:140px;
	height:24px;
	margin:0 3px;
	position:relative;
	left:-50%;
	float:left;
}

.result_btn li a {
	display:block;
	height:24px;
	line-height:24px;
	color:#222;
	text-decoration:none;
	background:url(../images/btn/btn_blank_wide.gif) 0 0 no-repeat;
}

.result_btn li a:hover {
	color:#222;
	text-decoration:none;
	background-position:0 -24px;
}

.result_btn li a:active {
	text-decoration:none;
	background-position:0 -48px;
}


/* PowerTip Plugin
--------------------------------------------------------*/

#powerTip {
	cursor: default;
	background-color: #333; /* fallback for browsers that dont support rgba */
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 99;
	text-align:left;
	font-size:12px;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../../images/plugins/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../images/plugins/colorbox/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* tags input
--------------------------------------------------------*/

div.tagsinput {overflow-y: auto;padding:4px 0 0 0;}
div.tagsinput span.tag { height:18px;line-height:18px;border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 0 2px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 3px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input {  width:100%;margin:0px; height:18px;line-height:18px;font-family: helvetica; font-size: 13px; border:1px solid transparent; background: transparent; color: #000; outline:0px; }
div.tagsinput div {display:block; float: left; } 
.tags_clear { clear: both; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

#search_form #tags_tag {
	position:relative;
	top:-4px;
}